﻿<script src="http://code.jquery.com/jquery-1.10.2.js" type="text/javascript"></script>
<script src="http://blogg12.googlecode.com/svn/trunk/blogger/featured-post/n17-content-slider/n17-content-slider-02.js" type="text/javascript"></script>

<script src="http://blogg12.googlecode.com/svn/trunk/blogger/featured-post/n17-content-slider/n17-content-slider-03.js" type="text/javascript"></script>

<script type="text/javascript">

//<![CDATA[

$(document).ready(function() {
$('#tabzine> ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } });

});

//]]>
</script>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick(&#39;headEnd&#39;);
</script>
<a href="http://tutorialglobal365.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="http://blogg12.googlecode.com/svn/trunk/image/back.png" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://tutorialglobal365.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="http://blogg12.googlecode.com/svn/trunk/image/back.png" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://tutorialglobal365.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="http://blogg12.googlecode.com/svn/trunk/image/back.png" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>
<style type="text/css">
#glidercontent{
margin:5px 0 0px 12px;
}
.glidecontentwrapper{
position: relative;
width: 629px;
height:300px;
overflow: hidden;
margin:0px 0px 0px 0px;
padding:0px 0px;
background:#fff;
}
.glidecontent{
position:absolute;
padding:0px 5px 0px 5px;
width:610px;
color:#555;
margin:0px 5px;
height:100%;
overflow:hidden;
float:left;
background:#fff;
}
.glidim{
float:left;
}
.glidim img{
margin:0px 5px 5px 0px;
padding:7px 7px;
}
.glidecontent h2{
margin:0px 0px 0px 0px;
padding:5px 0px;
font-size:24px;
line-height:24px;
font-weight:bold;
overflow:hidden;
font-family: Georgia,Century gothic,Arial,Tahoma,sans-serif;
}
.glidecontent h2 a:link, .glidecontent h2 a:visited{
color:#303843;
}
.glidecontent p{
margin:0px 0px 0px 0px;
padding:5px 0px;
font-size:14px;
line-height:22px;
overflow:hidden;
font-family: Georgia,Century gothic,Arial,Tahoma,sans-serif;
color:#696d70;
}
.glidebot{
width:630px;
height:18px;
background:url(https://blogg12.googlecode.com/svn/trunk/image/slider/gldbot.jpg) center no-repeat;
margin:0px 0px 5px 12px ;
padding:0px 0px;
float:left;
}
.gnav{ /*style for DIV used to contain toggler links. */
width: 100px;
height:50px;
z-index:150;
float:right;
padding-right:25px;
}
.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
height:35px;
z-index:150;
width: 650px;
background: url(https://blogg12.googlecode.com/svn/trunk/image/slider/gldtop.png) no-repeat;
}
.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
color: #2e6ab1;
font-weight: bold;
text-decoration: none;
}
.glidecontenttoggler a.selected{ /*style for selected page&#39;s toggler link. &quot;.selected&quot; class auto generated! */
background: #E4EFFA;
color: black;
}
.glidecontenttoggler a:hover{
background: #E4EFFA;
color: black;
}
.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). &quot;.toc&quot; class auto generated! */
}
.glidecontenttoggler a.prev{ /*style for &quot;prev&quot; and &quot;next&quot; toggler links. &quot;.prev&quot; and &quot;.next&quot; classes auto generated! */
top:9px;
right:25px;
position:absolute;
display:block;
background:url(https://blogg12.googlecode.com/svn/trunk/image/slider/left.jpg) left no-repeat;
width:50px;
height:17px;
}
.glidecontenttoggler a.next {
float:right;
display:block;
background:url(https://blogg12.googlecode.com/svn/trunk/image/slider/right.jpg) right no-repeat;
width:20px;
height:17px;
position:absolute;
top:9px;
right:15px;
}
</style>


<h3>اضافه سلايد شو بتقنيه الجي كويري</h3>


<div id="content">
<script type="text/javascript">
featuredcontentglider.init({
gliderid: "glidercontent",
contentclass: "glidecontent",
togglerid: "togglebox",
remotecontent: "",
selected: 0,
persiststate: true,
speed: 500,
direction: "leftright",
autorotate: true,
autorotateconfig: [10000, 1] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
})
</script>

<!-- Glider Content -->
<div id="glidercontent" class="glidecontentwrapper">
<div id="togglebox" class="glidecontenttoggler">
<a class="prev" href="#"></a>
<a class="next" href="#"></a>
</div>
<div id="glidecontent1" class="glidecontent1 section"><div id="HTML98" class="widget HTML">
<div class="widget-content">


<div class="glidecontent">

<h2><a href="http://24work.blogspot.com/2012/01/how-to-change-mouse-cursor-in-blogger.html" target="_blank">تفعيل اصدارات برنامج الداونلود مانجر</a></h2>
				<p>اليوم سوف نقدم لكم شرح تفعيل الداونلود مانجر وتحل جميع مشاكل التفعيلات السابقة وظهور رسالة التسجيل برقم مزيف وتعالجها بشكل تام في ثواني معدودة...<a href="#">اقرأ المزيد</a></p>
			 <img src="http://1.bp.blogspot.com/-3vAaWKXybkQ/VCRpdYb1OfI/AAAAAAAAAa4/rp3OxrvI46A/s1600/image_88081.jpg" alt="How to change mouse cursor in blogger blog to animated cursors"/></div>




<div class="glidecontent">

<h2><a href="http://24work.blogspot.com/2012/01/numbered-page-navigation-for-blogger.html" target="_blank">سارع بالحصول على خدمات تشفير النت مجانية على متصفحك</a></h2>


<p>من بين أفضل السبل لحماية الاتصال بالإنترنت من مجموعة متنوعة من المخاطر</p><img src="http://3.bp.blogspot.com/-S88Mo_IfN60/VITTOZ-3fHI/AAAAAAAAAMk/Y1vMDLkEXH0/s1600/oo.png" alt="Numbered Page Navigation For Blogger New Script"/></div>



<div class="glidecontent">

<h2><a href="http://24work.blogspot.com/2011/12/how-to-add-snow-effect-on-blogger-mouse.html" target="_blank">برنامج فوتوشوب</a></h2>


<p>من أشهر البرامج التي يستعملها الملايين من المصممين ومحترفي التصميم عبر العالم هو برنامج أدوب فوتوشوب</p><img src="http://2.bp.blogspot.com/-eZQMsQ38aes/VF4QcWHrEqI/AAAAAAAAAkk/xP23zMdzJ0w/s1600/pswcc.png" alt="How To Add Snow Effect On The Blogger Mouse Cursor Area"/></div>



<div class="glidecontent">

<h2><a href="http://24work.blogspot.com/2012/01/falling-objects-falling-text-marquee.html" target="_blank">القرآن الكريم</a></h2>


<p>القرآن الكريم نور القلوب وحياة النفوس ووجوده في أى مكان رحمه وثواب واجر عظيم</p><img src="http://2.bp.blogspot.com/-Bv3fTk63fKg/VD0oWALMagI/AAAAAAAAAgU/lzbV7kMVtFU/s1600/quran1a.jpg" alt="Falling Objects / Falling Text / Marquee Scrolling Text Generator for Blogger"/></div>



<div class="glidecontent">

<h2><a href="http://24work.blogspot.com/2011/12/how-to-add-animated-flash-clock-to-your.html" target="_blank">شرح كيف زيادة عدد أصدقائك في الفيس</a></h2>


<p>هذا شرح كيف زيادة عدد أصدقائك في الفيس بوك بشكل كبير جدا</p><img src="http://4.bp.blogspot.com/-gtTf3QcYm5M/VCVkKBZmZLI/AAAAAAAAAbM/GuClUoHfSv8/s1600/131204130551-facebook-password-620xa.jpg" alt="How To Add Animated Flash Clock To Your Blogger Blog"/></div>



</div>
</div></div>
</div>
<!-- /Glider Content -->
<div class="glidebot"></div>
<div class="clear"></div></div>